<template>
  <div class="home">
    <h2>{{ title }}</h2>
    <ul>
      <li v-for="item in posts" :key="item.id">{{item.title}}</li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  name: 'home',
  async asyncData () {
    const { data } = await axios({
      method: 'GET',
      url: 'http://localhost:3000/data.json'
    })
    return data
  }
  // data() {
  //   return {
  //     title: '',
  //     posts: []
  //   }
  // },
  // async created () {
  //   const { data } = await axios({
  //     method: 'GET',
  //     url: '/data.json'
  //   })
  //   this.title = data.title
  //   this.posts = data.posts
  // }
}
</script>

<style>

</style>